<!--
  统计组件: 统计一些数据
-->
<script>
export default {
  name: "GoodsStatistics",
  data() {
    return {
      // 统计数据
      fundUU: [],
      // 现资金
      nowFund: 0,
      // 用户退单数
      userOutOrderCount: 0,
      // 用户支付订单数
      userInOrderCount: 0,
      // 净交易额
      netTurnover: 0,
    }
  },
  mounted() {
    this.findFundUU();

    console.log('GoodsAdmin准备完成');
  },
  methods: {
    // 计算综合资金 type = 1,是收入
    findNowFund() {
      this.fundUU.forEach(item => {
        // 计算总资金
        if (item.type === 1) this.nowFund = Number(this.nowFund) + Number(item.amount)
        else this.nowFund = Number(this.nowFund) - Number(item.amount);
        // 计算净交易额 netTurnover
        if (item.type === 1 && item.userId != null) this.netTurnover = Number(this.netTurnover) + Number(item.amount);
        if (item.type === 0 && item.userId != null) this.netTurnover = Number(this.netTurnover) - Number(item.amount)
      })
    },
    // 查询所有流动资金
    findFundUU() {
      this.$http.get("/stats/findFund")
          .then((res) => {
            console.info(res);
            this.fundUU = res.data;
            this.findNowFund();
            this.findOutOrder();
          })
    },
    // 查询所有订单数
    findOutOrder() {
      this.fundUU.forEach(item => {
        // 退单数
        if (item.type === 0 && item.userId != null) this.userOutOrderCount++;
        // 订单总数
        if (item.type === 1 && item.userId != null) this.userInOrderCount++;
      })
    }
  }
}
</script>

<template>
  <div style="width: 100%;height: 100%;">
    <el-row>
      <el-col :span="12" style="height: 600px;background-color: #8c939d">
        <div style="background-color: aqua;width: 120px;height: 100px;">
          ld资金：<br />{{ nowFund }}
        </div>

        <div style="background-color: aqua;width: 120px;height: 100px;">
          订单总数：<br />{{ userInOrderCount }}
        </div>
        <div style="background-color: aqua;width: 120px;height: 100px;">
          净交易额：<br />{{ netTurnover }}
        </div>
        退单数：{{ userOutOrderCount }}

      </el-col>
      <el-col :span="12" style="height: 600px;">
        <!--    <div class="block">-->
        <!--      <span class="demonstration">默认</span>-->
        <!--      {{value6}}<br>-->
        <!--      <el-date-picker-->
        <!--          v-model="value6"-->
        <!--          type="daterange"-->
        <!--          range-separator="至"-->
        <!--          start-placeholder="开始日期"-->
        <!--          end-placeholder="结束日期">-->
        <!--      </el-date-picker>-->
        <!--    </div>-->
      </el-col>
    </el-row>



  </div>
</template>

<style scoped>

</style>
<!-- 统计 前台用户的人数（注册人数 总人数） 交易数（订单数）利润亏损

支出 => 1.退单、2.购入（进货）
收入 => 1.用户买

uu资金表 => 前台订单 + 后台商品入库 + 创始人



-->